/* Group Selectors */

p,ol,li {
    border:1px solid black;

    margin:10px;            /* always remember GENERAL to SPECIFIC */
    margin-left:0px;        /* had we put this above margin, would look differently */

    padding-left:10px;
    font-family:monospace;

}
ol {
    margin-left:50px;
    padding-left:0px;
    margin-top:20px;
    background:lightyellow;
}

/* Position Selectors */
div *.my-class {                /* Descendant Selector */
    font-size:1.2em;
    font-weight:bold;
}
#main_div p {                      /* Descendant Selector */
    background-color:gold;
}
#main_div > * {                    /* Child (of #main_div <div>) Selector */
    border:3px solid black;
}

/* First-child Selector */
/*
li:first-child {
    font-weight:bold;
    color:red;
}
*/

/* Sibling Selector */
li + li + li + li {
    font-style:italic;
    color:blue;
}
